<template>
  <div>
    <!--
       checkbox
           v-model:值双向绑定
                    数组：数组中添加对应的值
                    非数值：boolean

            label：选中该选项后值  一定为数组
              注意点：如果v-model值为数组，他每个选项都要设置label
                     如果v-model值为非数组，设置label无效

       checkbox-group元素能把多个 checkbox 管理为一组
    -->

    {{ xx }}
    <el-checkbox-group v-model="xx">
      <el-checkbox label="a">a</el-checkbox>
      <el-checkbox label="b">b</el-checkbox>
      <el-checkbox label="c">c</el-checkbox>
      <el-checkbox label="d">d</el-checkbox>
    </el-checkbox-group>

  </div>
</template>

<script>
export default {
  data() {
    return {
      xx: []
    }
  }
}
</script>

<style>

</style>
